<%--
  Created by IntelliJ IDEA.
  User: 86150
  Date: 2022/2/14
  Time: 18:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/project.css" rel="stylesheet" type="text/css">
    <script src="js/bootstrap.min.js"></script>
    <script  src="js/jquery-3.3.1.min.js"></script>
    <script type="text/javascript"></script>
    <script src="js/ml_fixTableHead.js"></script>
</head>
<body>
    <div id="live">
        <div class="container-fluid" style="margin-top: 8px;">
            <div class="col-lg-12">
                <div class="row">
                    <!--3.定义元素
                        在大显示器一行12个格子
                        在pad上一行6个格子
                    -->

                    <!--     <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span>-->
                    <div class=" col-lg-1 ">
                        <a href="index.jsp">
                            <img  src="css/img/home.png" width="50px" style="margin-top: 20px" ></img>
                        </a>
                    </div>
                    <div class="col-lg-8 "> </div>


                    <div class="col-lg-2 " style="width: 295px" ><h2 style="margin-left: 42px;"><b>智能交通信号灯</b></h2></div>

                </div>
            </div>
            <div class="col-lg-8" style="margin-top: 60px;margin-left:-10px;">
                <div class="row" style="padding-left: 10px">
                    <div class="col-lg-5" style="margin-left: 3px;height: 250px;width: 350px;position: relative">
                        <div  style="position: absolute;">
                            <object data="css/video/water.mp4" width="390px" height="250px"  ></object>
                        </div>
                        <div style="position: absolute;width: 110px;margin-left: 348px;margin-top: 210px;">
                            <a href="East.html" style="width: auto;">
                                <img src="css/img/eye.png" width="40px" style="margin-left: 2px;">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-5" style="margin-left: 47px;height: 250px;width: 350px;position: relative">
                        <div  style="position: absolute;">
                            <object data="css/video/water.mp4" width="390px" height="250px"  ></object>
                        </div>
                        <div style="position: absolute;width: 50px;margin-right: 280px;margin-top: 210px">
                            <a href="North.html" style="width: auto">
                                <img src="css/img/eye.png" width="40px" style="margin-right: 4px">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row" style="padding-left: 10px;margin-top: 5px;">
                    <div class="col-lg-5" style="margin-left: 3px;height: 250px;width: 350px;position: relative">
                        <div  style="position: absolute;">
                            <object data="css/video/water.mp4" width="390px" height="250px"  ></object>
                        </div>
                        <div style="position: absolute;width: 110px;margin-left: 348px;margin-bottom: 210px">
                            <a href="South.html" style="width: auto">
                                <img src="css/img/eye.png" width="40px" style="margin-left: 2px">
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-5" style="margin-left: 47px;height: 250px;width: 350px;position: relative">
                        <div  style="position: absolute;">
                            <object data="css/video/water.mp4" width="390px" height="250px"  ></object>
                        </div>
                        <div style="position: absolute;width: 50px;margin-right: 280px;margin-bottom: 210px">
                            <a href="West.html" style="width: auto">
                                <img src="css/img/eye.png" width="40px" style="margin-right: 4px">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4" style="background-color: #0F2B51;margin-top: 20px;padding-right: 10px;">
                <div class="row" style="margin-top: 60px;margin-left: 20px">
                    <img src="css/img/guide.png" width="290px" style="margin-left: 35px;border-radius: 20px">
                </div>
                <div class="row" style="margin-top: 20px;margin-left: 60px">
                    <div >
                        <text style="font-size: 30px;color: white">路段：**大道&nbsp;&nbsp;&nbsp;</text>
                        <img src="css/img/dw.png" width="40px" style="margin-top: -9px">
                    </div>
                    <div>
                        <text style="font-size: 30px;color: white">时间：19:00</text>
                    </div>
                    <div>
                        <text style="font-size: 30px;color: white">路段：车流高峰</text>
                    </div>
                    <div style="margin-top: 70px">
                        <table style="background-color: #0F2B51;margin-bottom: 5px">
                            <tr>

                                <th width="200">
                                    <a href="${pageContext.request.contextPath}/rgfw.jsp">
                                        <img src="css/img/rgfw.png" width="50px" style="float: right;">
                                    </a>
                                </th>
                                <th width="100">
                                    <a href="details1.jsp">
                                        <img src="css/img/data.png" width="45px" style="float: right;">
                                    </a>
                                </th>
                            </tr>
                        </table>



                    </div>

                </div>
            </div>
        </div>
    </div>
</body>
</html>
